@charset "UTF-8";
body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, textarea, button, th, td, menu {
  margin: 0;
  padding: 0;
}

ul, dl, ol {
  list-style: none;
}

img, fieldset, input[type="submit"] {
  border: 0 none;
}

em {
  font-style: normal;
}

strong {
  font-weight: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button, input[type="button"] {
  cursor: pointer;
  border: 0 none;
}

a, button, input, img {
  -webkit-touch-callout: none;
}

img {
  pointer-events: none;
  /*禁止图片的点击事件，例如长按保存图片*/
}

input, select, textarea {
  outline: none;
}

a {
  text-decoration: none;
  color: black;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
}

html, body {
  /*禁止用户选择元素*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  /*禁止元素点击出现半透明黑色背景*/
  -webkit-tap-highlight-color: transparent;
}

html {
  height: 100%;
  width: 100%;
  font-family: 'Microsoft YaHei','Heiti SC';
  outline: 0;
  -webkit-text-size-adjust: none;
  font-size: 0.14rem;
}

body {
  height: 100%;
  margin: 0;
  position: relative;
}

body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, textarea, button, th, td, menu {
  margin: 0;
  padding: 0;
}

ul, dl, ol {
  list-style: none;
}

img, fieldset, input[type="submit"] {
  border: 0 none;
}

em {
  font-style: normal;
}

strong {
  font-weight: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button, input[type="button"] {
  cursor: pointer;
  border: 0 none;
}

a, button, input, img {
  -webkit-touch-callout: none;
}

img {
  pointer-events: none;
  /*禁止图片的点击事件，例如长按保存图片*/
}

input, select, textarea {
  outline: none;
}

a {
  text-decoration: none;
  color: black;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
}

html, body {
  /*禁止用户选择元素*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  /*禁止元素点击出现半透明黑色背景*/
  -webkit-tap-highlight-color: transparent;
}

html {
  height: 100%;
  width: 100%;
  font-family: 'Microsoft YaHei','Heiti SC';
  outline: 0;
  -webkit-text-size-adjust: none;
  font-size: 0.14rem;
}

body {
  height: 100%;
  margin: 0;
  position: relative;
}

.navbar {
  margin-bottom: 0px !important;
}

.navbar .container .navbar-header .navbar-brand img {
  margin: -0.06rem 0 0 0;
}

@media screen and (max-width: 1000px) {
  .navbar #myNav ul li a {
    padding: 0.15rem 0.06rem 0.15rem 0.06rem;
  }
}

@media screen and (max-width: 767px) {
  .navbar #myNav ul li a {
    padding: 0.1rem 0.15rem 0.1rem 0.15rem;
  }
}

@media (min-width: 1440px) {
  .container {
    width: 1000px;
  }
}

.footer {
  background: #3b3b3b;
  padding: 0.35rem 0 0.35rem;
}

.footer .left {
  padding-left: 0.07rem;
}

.footer .left nav a {
  display: inline-block;
  padding: 0 0.13rem;
  color: #a1a3ab;
  font-size: 0.14rem;
}

.footer .left p {
  padding: 0.14rem 0 0 0.13rem;
  color: #a1a3ab;
  font-size: 0.12rem;
  margin-bottom: 0;
}

.footer .right {
  padding-right: 0.05rem;
}

.footer .right .email img, .footer .right .wx img, .footer .right .qq img {
  width: 0.38rem;
}

@media screen and (min-width: 768px) {
  .footer .right {
    margin-top: 0.15rem;
  }
}

@media screen and (max-width: 767px) {
  .footer .right {
    margin-top: 0.15rem;
  }
}

.body .container .top {
  margin-bottom: .58rem;
}

.body .container .top h1 {
  font-size: .30rem;
  line-height: 1.11rem;
  color: #ff6b08;
}

.body .container .top ul {
  overflow: hidden;
}

.body .container .top ul li {
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: .31rem;
}

.body .container .top ul li a:nth-child(1) {
  display: block;
  width: 3.00rem;
  border: .01rem solid #eeeeee;
}

.body .container .top ul li a:nth-child(1) img {
  width: 3.00rem;
}

.body .container .top ul li a:nth-child(2) {
  position: absolute;
  top: 1.40rem;
  left: 0;
  display: block;
  font-size: .14rem;
  line-height: 1.428;
  text-align: center;
  color: #fff;
  width: 3.00rem;
  height: 2.00rem;
  background: rgba(0, 0, 0, 0.6);
}

@media (max-width: 1024px) {
  .body .container .top ul li a:nth-child(1) {
    width: 3.10rem;
  }
  .body .container .top ul li a:nth-child(1) img {
    width: 3.10rem;
  }
  .body .container .top ul li a:nth-child(2) {
    top: 1.25rem;
    width: 3.10rem;
  }
  .body .container .top ul li:hover a:nth-child(2) {
    top: 1.60rem;
  }
}

@media (max-width: 768px) {
  .body .container .top ul li a:nth-child(1) {
    width: 3.30rem;
  }
  .body .container .top ul li a:nth-child(1) img {
    width: 3.30rem;
  }
  .body .container .top ul li a:nth-child(2) {
    top: 1.0rem;
    width: 3.30rem;
  }
}

@media (max-width: 475px) {
  .body .container .top ul li a:nth-child(1) {
    width: 3.30rem;
  }
  .body .container .top ul li a:nth-child(1) img {
    width: 3.30rem;
  }
  .body .container .top ul li a:nth-child(2) {
    top: 1.2rem;
    width: 3.30rem;
  }
  .body .container .top ul li:hover a:nth-child(2) {
    top: 0rem;
  }
}

.body .container .top ul li:last-child() {
  margin-right: 0;
}

.body .container .top ul li:hover a:nth-child(2) {
  top: 1.20rem;
}

.body .container .bottom .row .col-md-4 {
  margin-bottom: .85rem;
}

.body .container .bottom .row .col-md-4 a {
  display: block;
  width: 2.21rem;
}

.body .container .bottom .row .col-md-4 a img {
  width: 2.21rem;
}

.body .container .bottom .row .col-md-8 {
  font-size: .14rem;
}

.body .container .bottom .row .col-md-8 a:nth-child(1) {
  color: #000;
  font-size: .18rem;
}

.body .container .bottom .row .col-md-8 a:hover {
  color: #ff6900;
  text-decoration: none;
}

.body .container .bottom .row .col-md-8 a:nth-child(1):active {
  color: #ff6900;
}

.body .container .bottom .row .col-md-8 p {
  line-height: .44rem;
  margin-bottom: 0;
}

.body .container .bottom .row .col-md-8 a:nth-child(3) {
  color: #000;
  line-height: .24rem;
}

.body .container .bottom .row .col-md-8 div {
  width: .96rem;
  height: .30rem;
  border: .01rem solid #ff6900;
  border-radius: .12rem;
  text-align: center;
  color: #ff6900;
  line-height: .30rem;
  margin-left: auto;
}

.body .container .bottom .row .col-md-8 div:hover {
  background: #ff6900;
  color: #fff;
}

.body .container .bottom .row .col-md-8 div:active {
  background: #ff6900;
  color: #fff;
}

@media (max-width: 1024px) {
  .body .container .bottom .row .col-md-4 {
    width: 30%;
    float: left;
  }
  .body .container .bottom .row .col-md-8 {
    width: 66%;
    float: right;
  }
}

@media (max-width: 768px) {
  .body .container .bottom .row .col-md-4 a {
    width: 3.21rem;
  }
  .body .container .bottom .row .col-md-4 a img {
    width: 3.21rem;
  }
  .body .container .bottom .row .col-md-8 div {
    width: 1.96rem;
    height: .50rem;
    line-height: 1.428;
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 475px) {
  .body .container .bottom .row .col-md-4 {
    display: none;
  }
  .body .container .bottom .row .col-md-8 {
    width: 99%;
  }
  .body .container .bottom .row .col-md-8 div {
    width: 2.96rem;
    height: .90rem;
    margin-bottom: 0.5rem;
  }
}

.body .container .bottom nav {
  border-top: .01rem dashed #d4d4d4;
  text-align: center;
  padding: .35rem 0 .25rem;
}

.body .container .bottom nav ul {
  display: inline-block;
  overflow: hidden;
  margin-bottom: 0;
}

.body .container .bottom nav ul li {
  float: left;
  font-size: .12rem;
  padding: .08rem .12rem .10rem;
  border: .01rem solid #dddddd;
  border-right: 0;
}

.body .container .bottom nav ul li:first-child() {
  border-top-left-radius: 0.03rem;
  border-bottom-left-radius: 0.03rem;
}

.body .container .bottom nav ul li:last-child() {
  border-right: 0.01rem solid #dddddd;
  border-top-right-radius: 0.03rem;
  border-bottom-right-radius: 0.03rem;
}

.body .container .bottom nav ul li:hover {
  background: #e34637;
  color: #fff;
}
